<template>
    <div class="container" >
        <el-row >
            <el-col class="createNFT">
                 <div class="createNFTbox" @click="turntocreate">
                  <div class="icon">
                      <i class="el-icon-circle-plus" style="font-size: 50px; color: #202020"></i>
                  </div>
                  <h3 class="text">铸造NFT</h3>
                 </div>
            </el-col>
        </el-row>
      
    </div>
</template>
<script>
export default {
    methods:{ 
        turntocreate: function(){
            this.$router.replace('/create_center');
        }
    }
};
</script>

<style scoped>
.container{
    width: 100%;
    height:100%;
    position: absolute;
    background: rgba(245,245,245,1);
}
.createNFT{
    height: 250px;
    width: 200px;
    position: relative;
    left:5%;
    top:20%;
    background:  rgba(245,245,245,1);

}
.createNFTbox{
    height: 250px;
    width: 200px;
    position: absolute;
    left:2%;
    top:20%;
    background:  rgb(255, 255, 255);
    border:1px solid rgb(128, 128, 128);
    box-shadow:2px 2px 10px rgb(178, 179, 180);
}
.icon{
    position: absolute;
    left:38%;
    top:30%;
}
.text{
    position: absolute;
    left:30%;
    top:60%;
    font-weight: 700;
    font-size: 20px;
}
</style>
